<!DOCTYPE html>
<html lang="en" class="ignore hairlines">
<head>
    <meta charset="UTF-8">
    <meta content="initial-scale=1.0,user-scalable=no,maximum-scale=1,width=device-width" name="viewport">
    <meta id="LOCATION" name="location" content="province=;city=;coord=,">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta http-equiv="Cache-Control" content="no-transform">
    <meta http-equiv="Cache-Control" content="no-siteapp">
    <meta http-equiv="pragma" content="no-cache">
    <meta http-equiv="expires" content="0">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="applicable-device" content="mobile">
    <meta name="fragment" content="!">
    <meta name="format-detection" content="telephone=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="applicable-device" content="mobile">
    <!--请求id-->
    <meta name="_reqId" content="f35b9f90-a793-11e9-9c71-25cc334b886f">
    <!-- UC强制全屏 -->
    <meta name="full-screen" content="yes">
    <!-- QQ强制全屏 -->
    <meta name="x5-fullscreen" content="true">
    <!-- UC应用模式 -->
    <meta name="browsermode" content="application">
    <!-- QQ应用模式 -->
    <meta name="x5-page-mode" content="app">
    <link rel="stylesheet" href="//pics.lvjs.com.cn/mobile/node_pro/projects/ticket/static/dist/css/ticketAll.css?v=20190715">
    <!---->
    <meta charset="UTF-8">
    <title>景点详情</title>
    <meta charset="utf-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <link rel="stylesheet" href="/js/bootstrap-4.1.1-dist/css/bootstrap.min.css">
    <script src="/js/jquery/jquery.min.js"></script>
    <script src="/js/bootstrap-4.1.1-dist/js/bootstrap.min.js"></script>
    <link rel="stylesheet" href="/css/font/css/font-awesome.min.css">
    <link rel="stylesheet" href="/css/reset.css"/>
    <link rel="stylesheet" href="/css/travel.css"/>
    <script src="/js/plugins/jrender/jrender.min.js"></script>
    <link rel="stylesheet" href="/js/plugins/dialog2/dialog.css">
    <script src="/js/plugins/dialog2/dialog.min.js"></script>
    <script src="/js/tichetCommon.js"></script>
    <script type="text/javascript" src="https://pics.lvjs.com.cn/mobile/lib/js/losc_old-1.0.js" async=""></script>
</head>
<script>
    $(function () {
        //获取key
        var key = getParams().key;
        console.log(key);
        //获取景点id
        var scenicId=getParams().scenicId;
        console.log(scenicId);
        //返回按钮
        $("#blackBtn").click(function () {
            //返回上一界面
            window.location.href="/ticketSearch.html?key="+key;
        });
        //请求数据并渲染
        $.ajax({
            type: 'post',
            url: 'http://route.showapi.com/1681-2',
            dataType: 'json',
            data: {
                "showapi_timestamp": formatterDateTime(),
                "showapi_appid": '99840', //这里需要改成自己的appid
                "showapi_sign": '4121c83fea5047e598cca768f06fbe40',  //这里需要改成自己的应用的密钥secret
                "scenicId":scenicId
            },

            error: function(XmlHttpRequest, textStatus, errorThrown) {
                alert("操作失败!");
            },
            success: function(result) {
                var list=result.showapi_res_body;
                console.log(list);
                //console.log(list.disTickets);
                //console.log(list.bookNotice);
                //显示页面数据
                $("#tickets").css("display","block");
                $(".JQXZ").attr("hidden",false);
                //渲染主图片
                $(".headImage").css("background-image","url("+list.defaultPic+")");
                //渲染标题与地址
                $(".renderData").renderValues(list);
                //渲染门票
                $(".pdb0").renderValues({list:list.disTickets});
                //渲染详情
                $(".JQXZ").renderValues({list:list.bookNotice});
                $("#container").attr("hidden",false);
            }
        });


    })
        //预定的点击事件
        function sendProductId() {
            var productId=$("#productId").val();
            var keys=getParams().key;
            window.location.href="/mine/ticketOrderForm.html?productId="+productId+"&"+"key="+keys;
        }
</script>



<body class="" style="background: url('/upload/2.bmp')">
<div id="container" hidden>
    <div class="viewport" id="viewport_151233020364376">
        <div id="tpl" class="dbCMT50 " style="visibility: visible;">
            <div class="detail-page renderData">
                <div class="banner">
                    <div class="banner-header" style="display: block;">
                        <div id="blackBtn"></div>
                        <div></div>
                    </div>
                    <div id="mySwipe" class="swipe" style="visibility: visible;">
                        <div class="swipe-wrap" style="width: 3750px;">
                            <div class="swiper-slide" data-index="0"
                                 style="width: 375px; left: 0px; transition-duration: 0ms; transform: translate(0px, 0px) translateZ(0px);">
                                <!--头图片-->
                                <div class="swipe-image headImage"></div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="viewspot-infos borderRedius">
                    <!--景点名称-->
                    <div class="productName">
                        <p render-html="scenicName"></p>
                    </div>
                    <!--详细地址-->
                    <div class="addressWrap"><p class="address" render-html="scenicAddress"></p></div>
                </div>
                <div class="viewspot-details hasFreeTour" >
                    <div class="tablist">
                        <section>
                            <article class="tabChange order-ticket comment pdb0">
                                <!--推荐产品 <=3个-->
                                <div class="goods-main">
                                    <div class="title PROMOTESALE">门票
                                        <span class="proActivityDate">&nbsp;&nbsp;</span>
                                    </div>
                                    <div class="adult-ticket hasGoods PROMOTESALE" render-loop="list">

                                        <div class="list " style="display: none;" id="tickets">
                                            <input type="hidden" render-value="list.productId" id="productId">
                                            <div class="list-module">
                                                <!--门票的名称-->
<!--                                                <div class="name">-->
<!--                                                </div>-->
                                                <div class="notes">
                                                    <h6 style="color: #171bff" render-html="list.productName"></h6>
                                                    <span>不可退</span>
                                                    <span>无需取票</span>
                                                </div>
                                                <div class="right-part ">
                                                    <div class="price TUANGOU">
                                                        <span><i>¥</i><i render-html="list.salePrice"></i><qi>起</qi></span>
                                                    </div>
                                                    <div class="btn" onclick="sendProductId();" data>
                                                        <span>预订</span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <hr>
                                    </div>
                                    <div class="SECKILLDiv"></div>
                                </div>
                                <div class="notice detail-notice JQXZ" hidden>
                                    <h3>景区须知</h3>
                                    <div class="detailSpots detailShow" render-loop="list">
                                        <div class="notice-list">
                                            <h2 class="redPoint" render-html="list.name"></h2>
                                            <p class="noticeDesc" render-html="list.value"></p>
                                        </div>
                                    </div>
                                </div>
                            </article>
                            <div class="bottom-tips">
                                <span>亲，拉到最底啦~</span>
                            </div>
                        </section>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>


<script type="text/javascript" src="//pics.lvjs.com.cn/mobile/lib/js/JSpring-1.0.3.min.js"></script>
<script src="https://pics.lvjs.com.cn/mobile/plugins/nativeJs/swipe/1.0/build.min.js"></script>
<script src="https://pics.lvjs.com.cn/mobile/plugins/nativeJs/login/1.0/build.min.js"></script>
<script src="https://pics.lvjs.com.cn/mobile/plugins/nativeJs/toTop/2.0/build.min.js"></script>
<script src="https://pics.lvjs.com.cn/mobile/plugins/nativeJs/location/1.0/code.min.js"></script>
<script src="https://pics.lvjs.com.cn/mobile/plugins/nativeJs/alert/1.0/build.min.js"></script>
</body>
</html>